<template>
  <div class="router-main-view">
    <p class="view-title">Checkbox组件</p>
    <ComponentsLayout title="基本用法" :code="CheckboxBasicCode">
      <CheckboxBasic />
    </ComponentsLayout>
    <ApiLayout :propData="PropData"></ApiLayout>
  </div>
</template>

<script setup lang="ts">
import PropData from "@/views/props/Checkbox.prop";
import ApiLayout from "../ApiLayout.vue";
import ComponentsLayout from "../ComponentsLayout.vue";
import CheckboxBasic from "./CheckboxBasic.vue";
import CheckboxBasicCode from "./CheckboxBasic.vue?raw";

</script>
<style lang="scss" scoped>
.router-main-view {
  .view-title {
    font-size: 30px;
    font-weight: bold;
    line-height: 3;
  }
}
</style>
